<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三喜商务礼品</title>
<meta name="keywords" content="商务礼品,中秋礼品,开业礼品,福利礼品,庆典礼品,促销礼品"/>
<meta name="description" content="三喜商务礼品"/>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.con {
	height: auto;
	float:left;
	width: 100%;
	position: relative;
	top: 5px;
}
.con .content {
	width: 950px;
	position: relative;
	left: 0px;
	z-index: 5;
	visibility: inherit;
	height: 800px;
	top: 10px;
}
.con .content .foot {
	float: left;
	height: 200px;
	width: 950px;
	position: absolute;
	top: 812px;
	left: 2px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.con .content .youqinglianjie .gongsi {
	width: 180px;
	top: 26px;
	position: absolute;
	height: 181px;
}
.con .content .youqinglianjie .gongsi li {
	height: 26px;
}
.con .content .youqinglianjie {
	height: 219px;
	width: 180px;
	position: absolute;
	top: 537px;
	left: 0px;
	border: thin solid #CCCCCC;
}
.con .content .conright .rightmid .midtop {
	background: url(images/zuixinchanpin.jpg);
	height: 26px;
	width: 740px;
	top: 0px;
	border: thin solid #CCCCCC;
}
.con .content .foot .tese {
	float: left;
	width: 160px;
	position: absolute;
	left: 751px;
	top: 10px;
}
.con .content .conright .righttop {
	float: left;
	height: 260px;
	width: 740px;
	overflow: hidden;
	left: 0px;
}
.con .content .conright .rightmid {
	float: left;
	width: 740px;
	position: absolute;
	top: 270px;
	left: 0px;
	height: 266px;
}
.con .content .conright {
	float: right;
	width: 740px;
	position: relative;
	height: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.con .content .pinpai {
	height: 293px;
	width: 180px;
	position: absolute;
	border: thin solid #CCCCCC;
	left: 0px;
	top: 230px;
	float: left;
}
.con .content .list {
	float: left;
	height: auto;
	width: 180px;
	position: relative;
	border: thin solid #CCCCCC;
	top: 0px;
	z-index: 5;
}
.con .content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.con .content .list a:hover {
	color: #FF0000;
	text-decoration: none;
	height: 26px;
	width: 180px;
}
.con .content .list .quanbu {
	float: left;
	height: 30px;
	width: 182px;
	position: absolute;
	padding: 0px;
	left: 0px;
	top: 0px;
	background-image: url(images/xiaobeijing.jpg);
}
.con .content .list .menu {
	width: 178px;
	position: absolute;
	top: 30px;
}
.con .content .list .menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 180px;
	border: 1px solid #CCCCCC;
	top: 5px;
}
.con .content .list .menu ul li {
	line-height: 26px;
	height: 26px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.con .content .list .menu ul li ul {
	display: none;
	border: thin solid #CCCCCC;
	position: absolute;
	left: 180px;
	top: 0px;
}
.con .content .list .menu ul li:hover ul {
	display: block;
}
.con .content .pinpai .pic {
	float: left;
	width: 180px;
	position: absolute;
	top: 32px;
	left: -1px;
	height: 220px;
}
.con .content .conright .rightbot {
	width: 740px;
	position: absolute;
	top: 538px;
	left: 0px;
	height: 254px;
}
.con .content .conright .rightbot .bottop {
	background: url(images/zuixinchanpin.jpg);
	float: left;
	height: 26px;
	width: 740px;
	border: thin solid #CCCCCC;
}
.con .content .foot .gouwu {
	float: left;
	height: auto;
	width: 160px;
	position: absolute;
	left: 42px;
	top: 10px;
	border-right: thin none #CCCCCC;
}
.con .content .foot .footer {
	float: left;
	width: 950px;
	position: absolute;
	height: 130px;
	top: 208px;
	left: -1px;
}
.con .content .foot .peisong {
	float: left;
	width: 160px;
	position: absolute;
	height: auto;
	left: 222px;
	top: 10px;
	border-right: thin none #CCCCCC;
}
.con .content .foot .shouhou {
	float: left;
	width: 160px;
	position: absolute;
	height: auto;
	left: 573px;
	top: 10px;
	border-right: thin none #CCCCCC;
}
.con .content .conright  img {
	border: thin solid #CCCCCC;
}
.con .content .foot .zhifu {
	float: left;
	width: 160px;
	position: absolute;
	height: auto;
	left: 399px;
	top: 10px;
	border-right: thin none #CCCCCC;
}
.con .content .youqinglianjie .gongsi ul {
	list-style-type: none;
}
-->
</style>
</head>
<body>
<div class="header" align="center">
  <div class="head">
    <div class="headleft">
      <div class="headlefted"><a target="_blank" href="#">您好，欢迎来到三喜网站！</a> <a target="_blank" href="#">请登录</a> <a target="_blank" href="#">免费注册</a></div>
      <div class="headerright"><a target="_blank" href="#">购物车|</a> <a target="_blank" href="#">用户中心|</a> <a target="_blank" href="#">收藏夹</a></div>
    </div>
  </div>
</div>
<div class="mid" align="center">
  <div class="midd" >
    <div class="midlogo"><a class="logo" style="text-decoration:none" href="#" ><img src="images/logo.gif"  /></a></div>
    <div class="midsearch">
      <input class="input" type="text" size="60" height="35" border="2" />
      <input class="search" type="button" value=" 搜索"  height="35" />
    </div>
  </div>
</div>
<div class="daohang" align="center">
  <div class="daohangtiao" style="background:url(images/daohangtiao.jpg)"> <a href="#" target="_blank">首&nbsp;&nbsp;页</a> <a target="_blank" href="#"  >公司简介</a> </div>
</div>
<div class="con" align="center">
  <div class="content" >
    <div style="width:180px; height:800px; float:left; position:relative;">
      <div class="list" align="left">
        <div class="quanbu"> <a target="_blank" href="#" style="float:left; position:absolute;  text-align:center; margin:5px;font-size:14px; font-weight:bolder; color:#FFCC66">显示商品全部分类</a></div>
        <div class="menu">
          <ul>
            <li><a href="#">健康养生</a>
              <ul>
                <li><a target="_blank" href="#">健康礼品</a></li>
                <li><a target="_blank" href="#" >养生礼品</a> </li>
              </ul>
            </li>
            <li><a href="#">传统节日</a>
              <ul>
                <li><a target="_blank" href="#">情人节礼品</a></li>
                <li><a target="_blank" href="#">清明节礼品</a></li>
                <li><a target="_blank" href="#">端午节礼品</a></li>
              </ul>
            </li>
            <li><a href="#">家居用品</a>
              <ul>
                <li><a target="_blank" href="#">家用电器</a></li>
                <li><a target="_blank" href="#">床上用品</a></li>
                <li><a target="_blank" href="#">厨具精品</a></li>
              </ul>
            </li>
            <li><a href="#">I&nbsp;T&nbsp;数码</a>
              <ul>
                <li><a target="_blank" href="#">数码相机</a></li>
                <li><a target="_blank" href="#">智能手机</a></li>
                <li><a target="_blank" href="#">笔&nbsp;记&nbsp;本</a></li>
              </ul>
            </li>
            <li><a href="#">厨具精品</a></li>
            <li><a href="#">旅游用具</a></li>
            <li><a href="#">办公用品</a></li>
          </ul>
        </div>
      </div>
          <div class="pinpai" align="left">
            <div style="width:180px; margin:auto; height:30px; background:url(images/xiaobeijing.jpg);">
             <a target="_blank" href="#" style="float:left; position:absolute; margin:5px; font-size:14px; font-weight:bolder; color:#FFCC66; width: 76px;">品牌专卖</a>            </div>
            <div class="pic" align="center">
            <a href="#"><img src="images/11qq.jpg" style="width:160px; height:atou; border:0px; top:5px;" /></a>
             <a href="#"><img src="images/11qq.jpg" style="width:160px; height:atou; border:0px; top:65px;" /></a>
              <a href="#"><img src="images/11qq.jpg" style="width:160px; height:atou; border:0px; top:135px;" /></a> 
              <a href="#"><img src="images/11qq.jpg" style="width:160px; height:atou; border:0px; top:195px;" /></a>
               <a href="#"><img src="images/11qq.jpg" style="width:160px; height:atou; border:0px; top:255px;" /></a>
                <a href="#"><img src="images/11qq.jpg" style="width:160px; height:atou; border:0px; top:325px;" /></a>
            </div>
          </div>
          <div class="youqinglianjie">
            <div class="lianjie" style="width:180px; height:30px; float:left; position:absolute; top:0px; background-image: url(images/xiaobeijing.jpg); layer-background-image: url(images/xiaobeijing.jpg); border: 1px none #000000;">
				<a href="#" style=" float:left; position:absolute;left:5px; top:5px;; font-size:14px; font-weight:bolder; color:#FFCC66;">友情链接</a></div>
            <div class="gongsi">
              <ul>
                <li><a href="#" style="float:left">中国石油有限公司</a></li>
              <li><a href="#" style="float:left">中国石油有限公司</a></li>
              <li><a href="#" style="float:left">中国石油有限公司</a></li>
              <li><a href="#" style="float:left">中国石油有限公司</a></li>
              <li><a href="#" style="float:left">中国石油有限公司</a></li>
              <li><a href="#" style="float:left">中国石油有限公司</a></li>
              </ul>
            </div>
          </div>    
    </div>
            <div class="conright">
              <div class="righttop"><img src="images/2.jpg" /></div>
              <div class="rightmid">
                <div class="midtop" align="left">
                <a target="" href="#" style="height:auto; margin:4px 8px; position:absolute; color:#FFFFFF; font-weight:bolder;">热卖产品</a>
                </div>
                <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:18px;"><img src="images/1.jpg" style="width:150px; height:150px;"  />
                </a> 
                <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:196px;"><img src="images/1.jpg" style="width:150px; height:150px;"  />
                </a>
                 <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:374px;"><img src="images/1.jpg" style="width:150px; height:150px;"  />
                 </a> <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:552px;"><img src="images/1.jpg" style="width:150px; height:150px;"  />
                 </a>
                  <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:25px; top: 210px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a>
                   <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:203px; top: 209px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a>
                    <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:381px; top: 210px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a>
                     <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:560px; top: 209px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a> </div>
                  <div class="rightbot">
                    <div class="bottop" align="left">
                    <a target="" href="#" style="height:auto; margin:4px 8px; position:absolute; color:#FFFFFF; font-weight:bolder;">最新产品</a>
                    </div>
                    <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:18px;"><img src="images/1.jpg" style="width:150px; height:150px;"  /></a>
                     <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:196px;"><img src="images/1.jpg" style="width:150px; height:150px;"  /></a>
                      <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:374px;"><img src="images/1.jpg" style="width:150px; height:150px;"  /></a>
                       <a href="#" style="border:thin #CCCCCC; float:left; position:absolute; top:45px; left:552px;"><img src="images/1.jpg" style="width:150px; height:150px;"  /></a> 
                       <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:25px; top: 210px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a> 
                       <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:203px; top: 209px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a> 
                       <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:381px; top: 210px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a> 
                       <a href="#" style="float:left; width:140px; height:auto; position:absolute; top225px; left:560px; top: 209px;">最给力的养生美容产品！&nbsp; 售价：￥566元</a> </div>
            </div>
        <div class="foot">
          <div class="gouwu" align="left"><img src="images/gouwu.jpg" style="width:35px; height:35px;" /><a href="#" style="float:left; position:absolute; left: 35px; top: 15px; width: 123px; border-bottom:thin #CCCCCC; border-bottom-style:solid;">购物问答</a>
            <ul>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">会员介绍</a></li>
              <li><a href="#">订单状态</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">大&nbsp;家&nbsp;电</a></li>
              <li><a href="#">联系客服</a></li>
            </ul>
          </div>
<div class="peisong" align="left"><img src="images/peisong.jpg" style="width:35px; height:35px;" /><a href="#" style="float:left; position:absolute; left: 35px; top: 15px; width: 122px; border-bottom:thin #CCCCCC; border-bottom-style:solid;">配送方式</a>
<ul>
                  <li><a href="#">购物流程</a></li>
                  <li><a href="#">会员介绍</a></li>
                  <li><a href="#">订单状态</a></li>
                  <li><a href="#">常见问题</a></li>
                  <li><a href="#">大&nbsp;家&nbsp;电</a></li>
                  <li><a href="#">联系客服</a></li>
                </ul>
              </div>
          <div class="zhifu" align="left"><img src="images/zhifu.jpg"  style="width:35px; height:35px;" /><a href="#" style="float:left; position:absolute; left: 35px; top: 15px; width: 125px; border-bottom:thin #CCCCCC; border-bottom-style:solid;">支付方式</a>
            <ul>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">会员介绍</a></li>
              <li><a href="#">订单状态</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">大&nbsp;家&nbsp;电</a></li>
              <li><a href="#">联系客服</a></li>
            </ul>
          </div>
          <div class="shouhou" align="left"><img src="images/shouhou.jpg" style="width:35px; height:35px;" /><a href="#" style="float:left; position:absolute; left: 35px; top: 15px; width: 125px; border-bottom:thin #CCCCCC; border-bottom-style:solid;">售后服务</a>
            <ul>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">会员介绍</a></li>
              <li><a href="#">订单状态</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">大&nbsp;家&nbsp;电</a></li>
              <li><a href="#">联系客服</a></li>
            </ul>
          </div>
          <div class="tese" align="left"><img src="images/tese.jpg" style="width:35px; height:35px;" /><a href="#" style="float:left; position:absolute; left: 35px; top: 15px; width: 125px; border-bottom:thin #CCCCCC; border-bottom-style:solid;">特色服务</a>
            <ul>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">会员介绍</a></li>
              <li><a href="#">订单状态</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">大&nbsp;家&nbsp;电</a></li>
              <li><a href="#">联系客服</a></li>
            </ul>
          </div>
          <div class="footer">
            <div><a href="#">关于我们&nbsp;|&nbsp;</a> <a href="#">联系我们&nbsp;|&nbsp;</a> <a href="#">人才招聘&nbsp;|&nbsp;</a> <a href="#">商家入驻&nbsp;|&nbsp;</a> <a href="#">广告服务&nbsp;|&nbsp;</a> <a href="#">友情链接&nbsp;|&nbsp;</a> <a href="#">销售联盟</a></div>
            <div  style="font-size:14px" >
              <p>公安局&nbsp;&nbsp;&nbsp;&nbsp;分局备案编号：123456789&nbsp;京IPC证456789号</p>
              <div> <img src="images/222.jpg" style="margin:0px 15px;" /> <img src="images/2222.jpg" style="margin:0px 15px;"  /> <img src="images/33.jpg"  style="margin:0px 15px;" /></div>
            </div>
          </div>
        </div>
  </div>
</div>
</body>
</html>
